<template>
  <!-- <card>
    <h2>我是一个slot,我会替换掉这里所有的内容</h2>
    <input type="text" name="" id="">
    <g-button :content='content'/>
  </card> -->
  <card>
    <template #header>我是具名插槽,可以用#name表示</template>
    <template v-slot:main>我是具名插槽,可以用v-slot:name表示</template>
    <template v-slot:default>我是具名插槽,可以用v-slot:默认为default</template>
  </card>

</template>

<script>
import Card from './components/Card.vue'
import GButton from './components/GButton.vue'
export default {
  components:{Card,GButton},
  data() {
    return {
      content:'父组件的按钮'
    }
  },
  methods: {
    show(content){
      console.log(content);
    }
  }
}
</script>

<style>

</style>
